$(function () {
    // 弹窗对象
    var layer = layui.layer;

    /* 1-切换登录和注册表单 */
    // 单击注册按钮
    $('#link_reg').on('click', function () {
        $('.reg-box').show();
        $('.login-box').hide();
    });
    // 单击登录按钮
    $('#link_login').on('click', function () {
        $('.reg-box').hide();
        $('.login-box').show();
    })

    /* 2-自定义表单验证规则 */
    var form = layui.form;
    form.verify({
        pwd: [
            /^[\S]{6,12}$/,
            '密码格式错误,请输入6-12位非空字符'
        ],
        repwd: function (value) {
            // console.log(value);
            var repwd = $('#form_reg [name=password]').val();
            if (repwd !== value) {
                return '两次输入的密码不一致';
            }
        }
    })

    /* 3-注册功能 */
    // 注册表单提交事件
    $('#form_reg').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: $(this).serialize(),
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message);
                }
                layer.msg('注册成功,请登录', function () {
                    $('#link_login').click();
                })
            }
        })
    })

    /* 4-登录功能 */
    $('#form_login').on('submit', function (e)  {
        e.preventDefault();
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: $(this).serialize(),
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message);
                }
                localStorage.setItem('token', res.token);
                layer.msg('登陆成功', function () {
                    location.href = 'index.html';
                })
            }
        })
    })
})